<template>
  <div id="knowledge">
    <my-content>
      <my-aside :menuList="menuList"></my-aside>
    </my-content>
  </div>
</template>

<script>
import MyAside from "@/components/content/aside/MyAside.vue";
import MyContent from "@/components/common/content/MyContent.vue";

export default {
  name: "Knowledge",
  data() {
    return {
      menuList: [
        {
          title: "BOM",
          path: "./html/knowledge/BOM.html",
        },
        {
          title: "DOM",
          path: "./html/knowledge/DOM.html",
        },
        {
          title: "ES6",
          path: "./html/knowledge/ES6.html",
        },
        {
          title: "node事件轮询",
          path: "./html/knowledge/node事件轮询.html",
        },
        {
          title: "ServiceWorker",
          path: "./html/knowledge/ServiceWorker.html",
        },
        {
          title: "this",
          path: "./html/knowledge/this.html",
        },
        {
          title: "变量类型",
          path: "./html/knowledge/变量类型.html",
        },
        {
          title: "常见问题",
          path: "./html/knowledge/常见问题.html",
        },
        {
          title: "函数",
          path: "./html/knowledge/函数.html",
        },
        {
          title: "垃圾回收",
          path: "./html/knowledge/垃圾回收与内存泄露和优化.html",
        },
        {
          title: "类型转换",
          path: "./html/knowledge/类型转换.html",
        },
        {
          title: "其他题目",
          path: "./html/knowledge/其他题目.html",
        },
        {
          title: "全局内置对象",
          path: "./html/knowledge/全局内置对象.html",
        },
        {
          title: "事件",
          path: "./html/knowledge/事件.html",
        },
        {
          title: "事件队列",
          path: "./html/knowledge/事件队列.html",
        },
        {
          title: "事件轮询机制",
          path: "./html/knowledge/事件轮询机制.html",
        },
        {
          title: "原型链与继承",
          path: "./html/knowledge/原型链与继承.html",
        },

        {
          title: "运算符",
          path: "./html/knowledge/运算符.html",
        },
        {
          title: "正则",
          path: "./html/knowledge/正则.html",
        },
        {
          title: "作用域",
          path: "./html/knowledge/作用域.html",
        },
      ],
    };
  },
  components: {
    MyAside,
    MyContent,
  },
};
</script>

<style scoped>
#knowledge {
  padding: 20px;
}
</style>
